#dnnMenu {
    display: flex !important;
    margin: 0px !important;
    padding-top: 2px !important;
    justify-content: center !important;
}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:left;margin:0;list-style-type:none;position:relative;margin-left:1px;}

#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block;height:36px; margin:0;padding:0 18px 0 18px; background:none;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px; line-height:36px;}
#dnnMenu .topLevel li a div p{display:inline-block;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px; margin-top:0px;}

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap;text-decoration:none;background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{padding:0 18px 0 18px; background:#333333; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px; line-height:36px;}
#dnnMenu .topLevel li a:hover div p, #dnnMenu .topLevel li a:active div p{color:#ffbf00; font-weight:bold;text-decoration:none;text-transform:uppercase; cursor:pointer; margin-top:0px;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap;text-decoration:none; background:none;}
#dnnMenu .topLevel li.breadcrumb a div{padding:0 18px 0 18px; background:#333333; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:18px; line-height:36px;}
#dnnMenu .topLevel li.breadcrumb a div p{color:#ffbf00;font-weight:normal;text-decoration:none;  text-transform:uppercase;cursor:pointer; margin-top:0px;}


/*#dnnMenu .topLevel li.haschild a div{background:url(images/haschild.png) 97% 50% no-repeat; padding:0px 20px 0 18px; }
#dnnMenu .topLevel li.haschild a:hover div{background:url(images/haschildsel.png) 97% 50% no-repeat #636363; padding:0px 20px 0 18px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:15px;}
#dnnMenu .topLevel .last a div,#dnnMenu .topLevel .last a:hover div,#dnnMenu .topLevel .last.breadcrumb a div{padding:0 25px 0 25px;background-image:none;}*/




#dnnMenu .subLevel{display:none; position:absolute; width:auto; margin:0; padding:0; z-index:1210; border:solid 1px #000000; *width:200px;*top:100%;*left:0;  /*IE7*/ }
#dnnMenu .topLevel li.hover .subLevel { display:block; white-space:nowrap;}
#dnnMenu .subLevel ul{ margin:0; padding:0; position:relative; z-index:1200; }
#dnnMenu .subLevel li{ float:none; clear:both; width:100%; margin:0;}
#dnnMenu .subLevel li.haschild { *margin-bottom:-3px; }
#dnnMenu .subLevel li.item a{ border-top: solid 1px #000000; background: #730302; filter:Alpha(Opacity=98); opacity:0.98; *width:200px; /*IE7*/}
#dnnMenu .subLevel li.first > a{ border-top: none; }
#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px;  text-transform:uppercase;}
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:#2e2e2e; color:#ffbf00; cursor:pointer;  text-transform:uppercase; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#dnnMenu .subLevel li.haschild > a div{ background:url(images/child-arrow2.png) no-repeat right center #730302;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/child-arrow2.png) no-repeat right center #2e2e2e; }

#dnnMenu .subLevelRight{ display:none; position:absolute; left:100%; top:0px; width:auto; margin:0; border:solid 1px #000000; }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}
@media (max-width:800px){
#dnnMenu .topLevel li a div{display:block;height:36px; margin:0;padding:0 10px 0 10px; }
#dnnMenu .topLevel li.breadcrumb a div{background:#333333;  padding:0 10px 0 10px;}
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{background:#333333;  padding:0 10px 0 10px;}
}
@media (max-width:500px){
#dnnMenu{ width:96%;}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:none;margin:0;list-style-type:none;position:relative;margin-left:0px; margin-bottom:2px; border:1px #cccccc solid; overflow:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
#dnnMenu .topLevel .last{margin:0;}
#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block;height:auto; margin:0;padding:0 25px; background:#333333;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .topLevel li a div p{display:inline-block;color:#fafafa; font-weight:normal; text-transform:uppercase; font-size:15px;line-height:29px; margin:0;}

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap;text-decoration:none;background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{background:#484848;padding:0 25px;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .topLevel li a:hover div p, #dnnMenu .topLevel li a:active div p{color:#ffffff; font-weight:normal;text-decoration:none;text-transform:uppercase; cursor:pointer; line-height:29px; margin:0;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap;text-decoration:none; background:none;}
#dnnMenu .topLevel li.breadcrumb a div{background:#484848;  padding:0 25px;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .topLevel li.breadcrumb a div p{color:#ffffff;font-weight:normal;text-decoration:none;  text-transform:uppercase;cursor:pointer; line-height:29px; margin:0;}


#dnnMenu .subLevel{display:none; position:relative; width:98%; margin:2px auto; padding:0; z-index:1210; border:none; *width:98%;  /*IE7*/ }
#dnnMenu .topLevel li.hover .subLevel { display:block; white-space:nowrap; width:98%;}
#dnnMenu .subLevel ul{ margin:0; padding:0; position:relative; z-index:1200; }
#dnnMenu .subLevel li{ float:none; clear:both; width:100%; border:solid 1px #484848; margin:2px 0; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
#dnnMenu .subLevel li.haschild { *margin-bottom:0; }
#dnnMenu .subLevel li.item a{ border-top:none; background:url(images/menubg.png) top repeat-x; filter:Alpha(Opacity=95); opacity:0.95; *width:100%; /*IE7*/}
#dnnMenu .subLevel li.first > a{ border-top: none; }
#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px; text-transform:uppercase;}
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:#2e2e2e; color:#ffbf00; cursor:pointer;  text-transform:uppercase;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .subLevel li.haschild > a div{ background:url(images/haschild.png) no-repeat 95% 50%;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/haschildsel.png) no-repeat 95% 50% #2e2e2e; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}

#dnnMenu .subLevelRight{ display:none; position:relative; left:0; top:0px; width:96%; margin:2px auto; border:none; }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}
}

@media handheld and (max-width:500px){

#dnnMenu{ width:96%;}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:none;margin:0;list-style-type:none;position:relative;margin-left:0px; margin-bottom:2px; border:1px #cccccc solid; overflow:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
#dnnMenu .topLevel .last{margin:0;}
#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block;height:auto; margin:0;padding:0 25px; background:#333333;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .topLevel li a div p{display:inline-block;color:#fafafa; font-weight:normal; text-transform:uppercase; font-size:15px;line-height:29px; margin:0;}

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap;text-decoration:none;background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{background:#484848;padding:0 25px;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .topLevel li a:hover div p, #dnnMenu .topLevel li a:active div p{color:#ffffff; font-weight:normal;text-decoration:none;text-transform:uppercase; cursor:pointer; line-height:29px; margin:0;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap;text-decoration:none; background:none;}
#dnnMenu .topLevel li.breadcrumb a div{background:#484848;  padding:0 25px;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .topLevel li.breadcrumb a div p{color:#ffffff;font-weight:normal;text-decoration:none;  text-transform:uppercase;cursor:pointer; line-height:29px; margin:0;}


#dnnMenu .subLevel{display:none; position:relative; width:98%; margin:2px auto; padding:0; z-index:1210; border:none; *width:98%;  /*IE7*/ }
#dnnMenu .topLevel li.hover .subLevel { display:block; white-space:nowrap; width:98%;}
#dnnMenu .subLevel ul{ margin:0; padding:0; position:relative; z-index:1200; }
#dnnMenu .subLevel li{ float:none; clear:both; width:100%; border:solid 1px #484848; margin:2px 0; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
#dnnMenu .subLevel li.haschild { *margin-bottom:0; }
#dnnMenu .subLevel li.item a{ border-top:none; background:url(images/menubg.png) top repeat-x; filter:Alpha(Opacity=95); opacity:0.95; *width:100%; /*IE7*/}
#dnnMenu .subLevel li.first > a{ border-top: none; }
#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px; text-transform:uppercase;}
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:#2e2e2e; color:#ffbf00; cursor:pointer;  text-transform:uppercase;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .subLevel li.haschild > a div{ background:url(images/haschild.png) no-repeat 95% 50%;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/haschildsel.png) no-repeat 95% 50% #2e2e2e; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}

#dnnMenu .subLevelRight{ display:none; position:relative; left:0; top:0px; width:96%; margin:2px auto; border:none; }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}
}
